﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="AlbumControl.ascx.cs" Inherits="AlbumControl" %>
<asp:Repeater ID="rptAlbum" runat="server">
    <ItemTemplate>
        <div class='<%= ClassItem %>'>
            <div class="img">
                <ul class="toolsHide" style='display:<%= IsMy %>'>
                    <li>
                        <a href="#">
                            <i class="deleteAlbum"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="editAlbum"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="addAlbum"></i>
                        </a>
                    </li>
                </ul>
                <a href='<%#"detail.aspx?album_id="+ Eval("AlbumID") %>'>
                    <img src='<%# ConfigurationManager.AppSettings["PhotoPath"]+ Eval("Poster") %>' title='<%# Eval("AlbumTitle") %>'>
                </a>
            </div>
            <div class="infoAlbum">
                <div class="titleAlbum">
                    <h3>
                        <a href='<%#"detail.aspx?album_id="+ Eval("AlbumID") %>'><%# Eval("AlbumTitle") %></a>
                    </h3>
                </div>
                <div class="userUploaded">
                    <a href="#">
                        <i></i>
                        ngolam1110
                    </a>
                </div>
                <div class="dateUploadedAlbum">
                    <%# ((DateTime)Eval("CreateDate")).ToString("dd/MM/yyyy") %>
                </div>
            </div>
            <ul class="toolAlbum">
                <li class="checkAlbum"  style='display:<%= IsMy %>'>
                    <input type="checkbox" name="name" value="" />
                </li>
                <li class="likeAlbum">
                    <a>
                        <i></i>
                        <span>100k</span>
                    </a>
                </li>
                <li class="commentAlbum">
                    <a>
                        <i></i>
                        3
                    </a>
                </li>
                <li class="viewAlbum">
                    <i></i>
                    12k
                </li>
                <li class="securityPersonal"  style='display:<%= IsMy %>'>
                    <a href="#" onclick="showPeople();">
                        <i></i>
                        <span class="arrow"></span>
                    </a>
                </li>
            </ul>
        </div>
    </ItemTemplate>
</asp:Repeater>
<script>

    $(function () {

        var $container = $('#container').masonry({
            itemSelector: '.item',
            isAnimated: true,
            stamp: '.stamp'
        });

    });
</script>
